﻿body {
        font-size: 12px;
        background-color: #284051;
        font-family: "Trebuchet MS",sans-serif;
    }
    
    #settingsWrapper {
        border-bottom: 1px solid #111;
        background-color: #323232;
        padding-left: 4px;
    }
    
    #settings {
        padding: 2px;
        border-bottom: 1px solid #3B3B3B;
    }
    
    #settings ul li {
        display: inline;
        color: #fff;
        margin-right: 8px;
        line-height: 24px;
        padding: 2px;
        padding-left: 19px;
    }
    
    #settings ul li a, #settings ul li a:link {
        color: #fff;
        text-decoration: none;
    }
    
    #settings ul li a:hover {
        text-decoration: underline;
    }
    
    #pageTitle {
        font-family: "Trebuchet MS",sans-serif;
        font-size: 17px;
        text-align: center;
        color: #fff;
        margin-top: 20px;
    }
    
    #itemAddContent {
        background: url(<%= this.ResourceManager1.GetIconUrl(Icon.Add) %>) no-repeat 0 2px;
    }
    
    #itemComments {
        background: url(<%= this.ResourceManager1.GetIconUrl(Icon.Comment) %>) no-repeat 0 2px;
    }
    
    #itemActivities {
        background: url(<%= this.ResourceManager1.GetIconUrl(Icon.Star) %>) no-repeat 0 2px;
    }
    
    #itemContacts {
        background: url(<%= this.ResourceManager1.GetIconUrl(Icon.Vcard) %>) no-repeat 0 2px;
    }
    
    #TabPanel1 ul.x-tab-strip-top {
        background-image: none !important;
        background-color: #284051;
    }
  
    .x-panel-dd-spacer {
        border: 2px dashed #284051;
    }
    
    /* job calendar */
    .ext-color-4,
        .ext-ie .ext-color-4-ad,
        .ext-opera .ext-color-4-ad {
	        color: #7F0000;
        }
        .ext-cal-day-col .ext-color-4,
        .ext-dd-drag-proxy .ext-color-4,
        .ext-color-4-ad,
        .ext-color-4-ad .ext-cal-evm,
        .ext-color-4 .ext-cal-picker-icon,
        .ext-color-4-x dl,
        .ext-color-4-x .ext-cal-evb {
	        background: #7F0000;
        }
        .ext-color-4-x .ext-cal-evb,
        .ext-color-4-x dl {
            border-color: #7C3939;
        }
        
/* editor */
.editable {
            font: 14px Tahoma;
            padding: 3px 5px;
            cursor: pointer;
            margin-bottom: 20px;
        }
        .editable-over {
            background-color: #ffc;
        }
        .x-form-field-editor {
            font: 14px Tahoma;
        }